<template>
  <div>
  <swiper
   :indicator-dots="indicatorDots"
   :autoplay="autoplay" 
   :interval="interval"
   :duration="duration">
  <block v-for="(item,index) in imgUrls" :key="index">
    <swiper-item>
      <image :src="item" class="image" width="355" height="150"/>
    </swiper-item>
  </block>
</swiper>
	<h2>项目名称:</h2>
	<ul>
		<li v-for="(value,index) in itemNames" @click="turnTo(index)">{{index+1}}.{{value}}</li>
	</ul>
  </div>
</template>

<script>
import { formatTime } from '@/utils/index'
import card from '@/components/card'

export default {
  components: {
    card
  },

  data () {
    return {
      imgUrls: [
      'http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg',
      'http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg',
      'http://img06.tooopen.com/images/20160818/tooopen_sy_175833047715.jpg'
    ],
    indicatorDots: true,
    autoplay: true,
    interval: 5000,
    duration: 1000,
    itemNames:["微信商城","3D赛车游戏+游戏官网","沙县地方税务局无纸化填表","海盗船","租借电动车APP","2048小游戏"]
    }
  },
	methods:{
			turnTo (index) {
					 const url = '../projectDetail/projectDetail?index='+index;
					 console.log(url)
     			 wx.navigateTo({ url })
			}
	},
  created () {
    
  }
}
</script>

<style>
.image{ width: 98%;margin-left: 1%;}
h2{margin: 20px 0 10px 10px; }
ul{margin-left: 50px;opacity: 0.6; font-size: 18px;
	background-image: linear-gradient(135deg, deeppink, dodgerblue); background-clip: text; -webkit-background-clip: text; box-decoration-break: clone; -webkit-box-decoration-break: clone; color: transparent;

}
ul li{
	margin-bottom: 10px;
}
</style>
